﻿<!DOCTYPE html>
<html>
<head>
    <title>iPhone Swipe Gesture - Gallery</title>
    <meta name="apple-mobile-web-app-capable" content="yes" />    
    <meta name="viewport" content="initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0;" />    
    <link href="css/styles.css" rel="Stylesheet" />      
</head>
<body>
    <h2>Swipe Gesture Gallery - Desktop Version</h2>
    <h3>Drag your mouse over the image to see the movement and try to figure out the feature list discussed in the post.</h3>
    <div id="wrapper">
        <ul id="slideContainer">                   
            <li>
                <img src="img/1.jpg" width="100%" height="100%" link="http://www.google.com"/>                              	                      
            </li>
            <li>
               <img src="img/2.jpg" width="100%" height="100%" link="http://www.yahoo.com"/>               
            </li>  
            <li>
               <img src="img/3.jpg" width="100%" height="100%" link="http://www.facebook.com"/>                
            </li>   
            <li>
                <img src="img/4.jpg" width="100%" height="100%" link="http://www.linkedin.com"/>                
            </li>
            <li>
                <img src="img/5.jpg" width="100%" height="100%" link="http://www.slideshare.net"/>                              	                      
            </li>   
            <li>
                <img src="img/6.jpg" width="100%" height="100%" link="http://www.twitter.com"/>                              	                      
            </li>   
            <li>
                <img src="img/7.jpg" width="100%" height="100%" link="http://www.flickr.com"/>                              	                      
            </li>                                 
        </ul>       
    </div>  
</body>
<script type="text/javascript" src="js/scripts_blog_version.js">               
</script>
</html>
